<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <link rel="shortcut icon" href="yangyaru.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
    <header class="header container">
        <div class="logo">
            <a href="index.html">
                <img src="./images/logo.png" alt="">
            </a>
        </div>
    </header>
    <main class="main container">
        <div class="title">
            <div class="fl">
                注册新用户
            </div>
            <div class="fr">
                <small>我有账号，去<a class="color-red" href="#">登录</a></small>
            </div>
        </div>
        <div class="register-form">
            <form action="">
                <div class="form-group">
                    <label class="label-name" for="mobile">手机号：</label>
                    <input class="form-item" name="mobile" placeholder="">
                    <span class="tip-info ">
                        <span class="iconfont icon-reeor-fill color-red">
                        </span>
                        <span class="error-text color-red">
                            &nbsp;手机号码格式不正确，请从新输入
                        </span>
                    </span>
                </div>
                <div class="form-group">
                    <label class="label-name" for="code">短信验证码：</label>
                    <input class="form-item" name="code" placeholder="">
                    <span class="tip-info">
                        <span class="iconfont icon-success-fill  color-green">
                        </span>
                        <span class="error-text color-green">
                            &nbsp;验证码正确
                        </span>
                    </span>
                </div>
                <div class="form-group">
                    <label class="label-name" for="password">登陆密码：</label>
                    <input class="form-item" name="password" placeholder="">
                    <span class="tip-info">
                        <span class="iconfont icon-reeor-fill color-red">
                        </span>
                        <span class="error-text color-red">
                            &nbsp;密码不少于6位数，请从新输入  
                        </span>
                    </span>
                </div>
                <div class="security-level">
                    安全程度: <span class="security-low">弱</span><span class="security-middle">中</span><span class="security-height">强</span>
                </div>
                <div class="form-group">
                    <label class="label-name" for="password1">确认密码：</label>
                    <input class="form-item" name="password1" placeholder="">
                    <span class="tip-info">
                        <span class="iconfont icon-reeor-fill color-red">
                        </span>
                        <span class="error-text color-red">
                            &nbsp;密码不一致，请从新输入 
                        </span>
                    </span>
                </div>
                <div class="form-group" style="margin-bottom: 0;">
                    <label class="label-name" for=""></label>
                    <div class="">
                        <input type="checkbox" name="" id="">
                        同意协议并注册
                        <a class="color-blue" href="#">
                            《知果果用户协议》
                        </a>
                    </div>
                </div>
                <div class="form-group" >
                    <label class="label-name" for=""></label>
                    <button class="form-item register-btn">完成注册</button>
                </div>
                
            </form>
        </div>
    </main>
    <footer class="footer container">
        <ul>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">联系客服</a></li>
            <li><a href="#">商家入驻</a></li>
            <li><a href="#">营销中心</a></li>
            <li><a href="#">手机品优购</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">销售联盟</a></li>
            <li><a href="#">品优购社区</a></li>
            <li><a href="#">品优购公益</a></li>
            <li><a href="#">English Site</a></li>
            <li><a href="#">Contact U</a></li>
        </ul>
        <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
        <br/>京ICP备08001421号京公网安备110108007702
        </p>
    </footer>
</body>
</html>